<template>
	<view>
		<tn-nav-bar fixed :isBack="true">
			提现记录
		</tn-nav-bar>
		<!-- <view class="status-bar"></view> -->

	





		<view class="" :style="{paddingTop: vuex_custom_bar_height + 'px'}">
			<view class="tn-flex tn-flex-row-between">
				<view class="justify-content-item tn-margin tn-text-bold tn-text-xl">
					提现记录
				</view>
			</view>
		</view>
		<mescroll-body ref="mescrollRef" @down="downCallback" @up="upCallback">

			<view class="message tn-margin tn-padding-sm tn-border-solid tn-shadow" v-for="(item, index) in content"
				:key="index" >

				<view class="message__middle ">
					<view class="message__name">
						<text class="tn-text-bold" style="font-size: 14px;color: #0055ff;">{{item.nickname}}</text>

						<text class="tn-text-bold"
							style="font-size: 14px;">提现数量{{ item.money }}</text>
						

					</view>

					<view class="message__name"><text class="tn-color-red"
							style="font-size: 14px;">折合人民币￥{{ item.pay_money }}</text>
					</view>

					<view class="message__content tn-text-ellipsis-2 tn-color-black">
						<text v-if="item.type==2">微信零钱</text>
						<text v-if="item.type==1">账号【{{item.name}}-{{item.bank}}】</text>				
						<text v-if="item.type==3">微信收款码 【{{item.name}}】</text>				
						<text v-if="item.type==4">支付宝收款码 【{{item.name}}】</text>			
					
					</view>
					<view class="" >
							{{ item.create_time }}
					</view>
					<view class="" v-if="item.remark">
						后台备注：{{ item.remark }}
					</view>
				</view>
				<view class="message__right" v-if="item.is_check==0">
					待审核
				</view>
				<view class="message__right tn-color-green" v-if="item.is_check==1">
					提现成功
				</view>
				<view class="message__right tn-color-red" v-if="item.is_check==2">
					审核不通过
				</view>

			</view>




		</mescroll-body>

	</view>

	</view>
</template>

<script>
	import {
		host
	} from '@/siteinfo.js'
	import MescrollBody from '@/components/mescroll-uni/mescroll-body.vue';
	import MescrollUni from '@/components/mescroll-uni/mescroll-uni.vue';
	import MescrollMixin from '@/components/mescroll-uni/mescroll-mixins.js';
	export default {
		mixins: [MescrollMixin],
		components: {
			MescrollBody
		},
		data() {
			return {
				action:host + '/chat/user/up_img',	
				bgimgnews:'',
				erweimaokurl:'',
				body:[],
				type: 2,
				shouxufei: 0,
				shezhishow: false,
				showTips: false,
				body: [],
				yitixian: 0,
				gift_money: 0,
				gift_tixian_bili: 0,
				zong: 0,
				zong_money: 0,
				content: [],
				ti_kano: '',
				ti_name: '',
				ti_money: '',
				gift_tixian_name: ''
			}
		},
		onLoad() {

		},
		methods: {
		
			
			
			/// 列表调用
			downCallback(mescroll) {
				mescroll.endSuccess();
				mescroll.resetUpScroll();
			},

			async upCallback(mescroll) {
				let that = this;
				let result = await that.$request({
					loading: 1,
					method: 'post',
					url: '/chat/gift/tixianlist',
					data: {
						page: mescroll.num
					}
				});
				if (result.statusCode == 200) {
					if (result.data.code == 200) {

						if (mescroll.num == 1) {
							that.content = result.data.data.data;

						} else {
							that.content = that.content.concat(result.data.data.data);
						}
						mescroll.endSuccess(result.data.data.data.length, result.data.data.data.length >= mescroll
							.size);

					} else {
						uni.showToast({
							icon: 'none',
							title: result.data.msg
						});
					}
				} else {
					uni.showToast({
						icon: 'none',
						title: that.$errorMsg
					});
				}
			},



		}
	}
</script>

<style lang="scss">
	.status-bar {
		height: var(--status-bar-height);
		background-color: #ffdd00;
	}

	.my-promotion .header {
		background-color: #ffdd00;
		width: 100%;
		height: 350rpx;
	}

	.bg-color {
		background-color: #ffdd00 !important;
		color: #333 !important;
		box-shadow: 0 0 0 20rpx #FFFFFF;
	}

	.acea-row {
		display: flex;
		flex-wrap: wrap;
	}

	.acea-row.row-center-wrapper {
		justify-content: center;
		align-items: center;
	}

	.acea-row.row-between-wrapper {
		justify-content: space-between;
	}

	.acea-row.row-column {
		flex-direction: column;
	}

	.my-promotion .header .name {
		font-size: 32rpx;
		color: #000;
		height: 44px;
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
	}

	.record {
		font-size: 26rpx;
		color: rgba(0, 0, 0, 0.5);
		margin-bottom: -40rpx;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.record .iconfont {
		font-size: 25rpx;
		margin-left: 10rpx;
		vertical-align: 2rpx;
	}

	.my-promotion .header .num {
		text-align: center;
		color: #333;
		// margin-top: 28rpx;
		font-size: 90rpx;
		font-family: 'Guildford Pro';
		min-height: 90rpx;
	}

	.my-promotion .header .profit {
		padding: 0 20rpx;
		margin-top: -100rpx;
		font-size: 32rpx;
		color: rgba(0, 0, 0, 0.5);
	}

	.my-promotion .header .profit .item {
		min-width: 200rpx;
		text-align: center;
	}

	.my-promotion .list {
		padding: 0 10px 25px 10px;
		margin-top: 5px;
	}

	.my-promotion .list .item {
		width: 172px;
		height: 120px;
		border-radius: 10px;
		background-color: #fff;
		margin-top: 10px;
		font-size: 15px;
		color: #666;
	}

	.my-promotion .header .profit .item .money {
		font-size: 34rpx;
		color: #333;
		margin-top: 5rpx;
	}

	.my-promotion .bnt {
		font-size: 28rpx;
		color: #fff;
		width: 258rpx;
		height: 68rpx;
		border-radius: 50rpx;
		text-align: center;
		line-height: 68rpx;
		margin: -32rpx auto 0 auto;
	}

	.my-promotion .list {
		padding: 0 20rpx 50rpx 20rpx;
		margin-top: 10rpx;
	}

	.my-promotion .list .item {
		width: 345rpx;
		height: 240rpx;
		border-radius: 20rpx;
		background-color: #fff;
		margin-top: 20rpx;
		font-size: 30rpx;
		color: #666;
	}

	.daxiao {
		font-size: 60rpx;
		color: #ffaa00;
	}

	.my-promotion .list .item .iconfont {
		font-size: 70rpx;
		background-image: linear-gradient(to right, #fc4d3d 0%, #e93323 100%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		margin-bottom: 20rpx;
	}

	.message {
		display: flex;
		flex-direction: row;

		justify-content: space-around;

		&__left {
			width: 10%;
		}

		&__middle {
			width: 70%;

		}

		&__right {
			width: 30%;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
		}

		&__name {
			font-size: 14px;
			margin-bottom: 8rpx;
		}

		&__content {
			font-size: 26rpx;
			color: #838383;
		}

		&__tips {
			&__icon {
				font-size: 36rpx;
				color: #AAAAAA;
			}
		}
	}
</style>